<template>
  <div>
    <van-nav-bar title="诉求详情" left-text="返回" right-text="我的" left-arrow @click-left="back" @click-right="mine"/>

    
    <ul>
        <li v-for="item in list" :key="item.id">
          <img :src="'http://124.93.196.45:10001/' + item.imgUrl" alt="">
           <div class="content">
            <h5>{{item.title}}</h5>
          <p>{{item.content}}</p>
          <p>{{item.undertaker}}</p>

          </div>
        </li>
        
    </ul>

  </div>
</template>

<script>
import {governmentdata} from "./Service"
import mixin from  "@/mixin/flag";

export default {
    data(){
        return {
          list:[],  
                 
        }
    },
    mixins:[mixin],
    methods:{
        back(){
            this.$router.go(-1);
        },
        mine(){
            this.$router.push('/government/mine')
        }
    },
    
    async created(){
        let res = await governmentdata({
          appealCategoryId:this.$route.params.id
        })
        console.log(res);
        this.list=res.data.rows
        
    }
}
</script>

<style lang="scss" scoped>
 
  ul{  
    padding: 10px 15px;
    li{
        width:100%;
        height: 100px;
        margin-bottom: 20px;
        display: flex;
        img{
            width: 100px;
            height: 100px;

        }
        .content{
          flex:1;
          font-size: 14px;
          margin-left: 15px;
          h5{
            font-size: 16px;
            font-weight: bold;
            line-height: 26px;
            margin-bottom: 10px;
          }
          p{
            margin-bottom: 10px;
          }
        }
    }
  }
</style>